<template>
    <a-card hoverable class="w-full">
        <img slot="cover" w-full alt="example" :src="item.imgurl" />
        <div class="tex">{{ item.text }}</div>
        <div class="name">
            <img :src="item.imgurl" alt="">
        </div>
    </a-card>
</template>
<script setup>
defineProps({
    item: {
        type: Object,
        required: true
    }
})


</script>
<style lang="less" scoped>
.text {
    width: auto;
    font-size: 16px;
    color: #666666;

}


.name {
    display: flex;
    margin-top: 10px;
    color: #333333;
    font-size: 16px;
    >img {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        

    }
}
</style>
